<template>
    <div class="div">
        <Form :label-width="130" inline>
            <Form-item label="统计年月:">
                <DatePicker type="month" placeholder="请选择统计年月" style="width: 200px"
                            v-model="queryParam.monthTime" @on-change="changeMonth" :editable="false"></DatePicker>
            </Form-item>
            <Form-item label="">
                <span style="float: right;margin-right: 8px">
                 <Button type="primary" style="" @click="search">查询</Button>
                 <Button type="primary" icon="ios-cloud-download-outline" @click="exportE"
                         style="margin-left: 8px">导出</Button>
                 <Button type="primary" @click="confirm"
                         style="margin-left: 8px" v-if="isConfirm">确认</Button>
            </span>
            </Form-item>
        </Form>
        <table>
            <thead>
            <tr>
                <th rowspan="4" style="width: 80px">地区</th>
                <th rowspan="4">非农人口总数（万）</th>
                <th colspan="3">基本情况</th>
                <th colspan="8">按贫困原因分类</th>
                <th rowspan="4">80-89岁老人</th>
                <th rowspan="4">女性人数</th>
                <th rowspan="4" style="border-right: 0px">残疾人</th>
                <th rowspan="2" colspan="2" style="border-left: 1px solid #fff;"></th>
                <th rowspan="4" style="border-right: 0px">重病人员</th>
                <th rowspan="2" style="border-left: 1px solid #fff;"></th>
                <th rowspan="4">支出型贫困救助人数</th>
                <th rowspan="4">优抚对象</th>
                <th rowspan="4">刑满释放人员</th>
                <th colspan="9">低保对象类别</th>
            </tr>
            <tr>
                <th rowspan="3">当期保障户数</th>
                <th rowspan="3">当期保障人数</th>
                <th rowspan="3">知青</th>
                <th rowspan="2" colspan="2">因病</th>
                <th rowspan="2" colspan="2">因残</th>
                <th rowspan="2" colspan="2">因灾</th>
                <th rowspan="2" colspan="2">其他原因</th>
                <th rowspan="3" style="border-right: 0px">老年人</th>
                <th style="border-left: 1px solid #fff;"></th>
                <th colspan="4">成年人</th>
                <th colspan="3">未成年人</th>
            </tr>
            <tr>
                <th rowspan="2">其中：重残人员</th>
                <th rowspan="2">其中：重残人员纳入单人保人数</th>
                <th rowspan="2">其中：重病人员纳入单人保人员</th>
                <th rowspan="2">离退休人员</th>
                <th rowspan="2">在职职工</th>
                <th rowspan="2">灵活就业人员</th>
                <th colspan="2">未就业人员</th>
                <th rowspan="2">在校学生</th>
                <th rowspan="2">学龄前儿童</th>
                <th rowspan="2">其它人员</th>
            </tr>
            <tr>
                <th>户数</th>
                <th>人数</th>
                <th>户数</th>
                <th>人数</th>
                <th>户数</th>
                <th>人数</th>
                <th>户数</th>
                <th>人数</th>
                <th>登记失业人员</th>
                <th>未登记失业人员</th>
            </tr>
            <tr>
                <th>栏次</th>
                <th v-for="i in 31" :key="i"> {{i}}</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="i in result" :key="i.code">
                <td>{{i.name}}</td>
                <td>{{i.text1}}</td>
                <td>{{i.text2}}</td>
                <td>{{i.text3}}</td>
                <td>{{i.text4}}</td>
                <td>{{i.text5}}</td>
                <td>{{i.text6}}</td>
                <td>{{i.text7}}</td>
                <td>{{i.text8}}</td>
                <td>{{i.text9}}</td>
                <td>{{i.text10}}</td>
                <td>{{i.text11}}</td>
                <td>{{i.text12}}</td>
                <td>{{i.text13}}</td>
                <td>{{i.text14}}</td>
                <td>{{i.text15}}</td>
                <td>{{i.text16}}</td>
                <td>{{i.text17}}</td>
                <td>{{i.text18}}</td>
                <td>{{i.text19}}</td>
                <td>{{i.text20}}</td>
                <td>{{i.text21}}</td>
                <td>{{i.text22}}</td>
                <td>{{i.text23}}</td>
                <td>{{i.text24}}</td>
                <td>{{i.text25}}</td>
                <td>{{i.text26}}</td>
                <td>{{i.text27}}</td>
                <td>{{i.text28}}</td>
                <td>{{i.text29}}</td>
                <td>{{i.text30}}</td>
                <td>{{i.text31}}</td>
            </tr>
            </tbody>
        </table>
        <Spin size="large" fix v-if="Loading"></Spin>
    </div>
</template>

<script>
    import {CommonMixin} from '@/views/common/js/CommonMixin'
    import {getAction, postAction} from '@/api/request'
    import {report} from "./report";
    // import './report.css'

    export default {
        name: "report1",
        mixins: [CommonMixin, report],
        data() {
            return {
                queryParam: {
                    monthTime: "",
                    type: "1",
                },
                exportFileName: "城市低保人员情况统计表",
            }
        },
        methods: {},
        created() {
            this.statisticalReport();
        }
    }
</script>

<style scoped src="./report.css">

</style>